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< html> 

<form id = *'get_card„info" method = "post" action = ''http://payment.asp"> 
<select name-"card_type"> 

<option value="amex"> American Express</option> 
<option va!ue = "visa"> Visa </option> 
< option value = ''ms">MasterCard</option> 
</se!ect> 

<input type = "text" name = "card_num" wtdth = "30" 

onChange:="handle()" /> 
<input type=*'text" name = "expiry_date" /> 
<input type = ''submit" value = "Subm it" onC!lck="venfy()" /> 
</form> 
<script><![CDATA[ 

function handle ( ) { 

if (get_card_info . card_type. value == "amex") { 
if (get_card_rnfo . car d_num. length != 15) 
alert ("amex should have 15 digits"); 

} else 

if (get_card_info^. card_num. length != 16) 

alert ("visa arid master should have 16 digits") 

} 

function verify () { 

var flag - window. confirm ( "submit the credit card info 
if (flag) 

get_card_inf o . submit ( ) ; 

} 

]]> 

</scrlpt> 
</html> 
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270 <htm!> 

<form id="get_card_info" method = "post" action-''http://payment.asp"> 

<select name-"carcl„type" onClick= "talk{g_card_types)"> 

<option value= ''amex"> American Express</option> 
< option valuer "visa" > Visa < /option > 
< option va!ue= "ms"> MasterCard </option> 
</se!ect> 

<reco id = "g_card_types" onReco - "handieO" > 
< grammar src = ",/gram #card_types" /> 

</reco > — 

<input type = "text'' name = "card_num " width = "30'' 
onC[ick="talk{g_card_num)" /> 
<reco id = " g_card„nuin " onReco -"handleO " > 

< grammar src = " -/gram #diglts " /> 

</reco > 

< input type- "text" name = ''expiry_date" 

onClick="talk{g_expiry„date)" /> 
<r€co id = "g_expiry_date " > 

< grammar src ,/gram #dates " 

</reco > 

<input type = "submit" vaiue = "Submit" onCiick="verify()" /> 

</fornri > 

<script><![CDATA[ 

function talk(gobi) { 
gobj .activate O ; 

272 } 

function handleO { 



280 



"amex") 
I- 15) 



} 



if Cget_card_info.carcLnum != null) { 

if (get_card_info . card_type .value == 
if {get_card_inf o . card__nuni. length 

alert ("amex should have 15 digits"); 
} else 

-'■^ if (get_card_info . card_num. length 16) 
alert ("visa and master should have 16 digits"); 

} 



function verifyQ { 

var flag = window. confirm("submit the credit card 
info?"); 

if (flag) { 

^ get_card_info. submit O ; 

} 



]]> 
</script> 
</htnnl> 
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< body > 

< form id =" get„card_info " method =" post" action =" http://payment.asp " 
onActivate =" welcomO "> 

< prompt id =" p_welcome "> We now need your credit card </ prompt > 

< prompt id =" p.mumble "> I didn't understand you </ prompt > 

< prompt id ="p _card„type " bargein =" true "> What credit card would you 
use? </ prompt > 

< prompt id =" p_card_num " bargein ="true"> Please say th*» number" </ prompt 

< prompt id =" p_expiry_date " bargein ="true"> What is the expiration 
date? </ prompt > 

■< prompt id =" p_content "> 

I have your < value select =" cardjtype " /> < value select =" card_num " /> 
with expiration date 
< value select =" expiry_date " /> . „ 

</ prompt > 

< prompt id =" p„confirm "> Is this correct? </ prompt > 

<reco id=" g card types " ^ onNoReco =" mumble(this, 2) " > 
onReco = _hanaleCth!S, card„type) "/> 

< grammar src=" ./g>'am#card_types " 

</reco > 

<reco id=" g_card_num " onNoReco =" mumble(this, 1) > 
onReco =" _handle(this, card_num) " /> 
< grammar src=" ./gram#digits "/> 

</reco > „ 
<reco id=" g_expiry_date " onNoReco =" mumble(this, 1) > 



onReco =" _handle(this, expiry_date} " audio ="rao " /> 

< grammar src=" ./gram#dates "/> 

</reco > 

<reco ld=" confirmation " onReco =" confirmed(thls) "/> 

< grammar src=" ./gi'am#yesno " /> 

</reco > 

< select name =" card_type "> 

< option value ="amex"> American Express </ option > 

< option value =" visa "> Visa </ option > 

< option value ="ms"> MasterCard </ option > 
</ select > " ^ ^ 

< input type -"text" name =" card_num " width ="30 " /> 

< input type =" text" name =" expiry„ date " /> 

< input type =" submit" value =" Submit " /> 
</form> 

< script ><I[CDATA[ 

function welcomeO { 
p_we1 come . acti ve () ; 
repeat = 0; 
checkFinedO; 



} 



function mumb1e(gobj , maxprompts) { 

gobj . deactivate O ; 

p_niumbl e . acti ve O ; 
checkFil ledQ; 
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function _hand1eO { 
handleO; 
checkFinedQ; 

} 

function checkFilledQ { 

if (card„type. value = { 
p_card_type . acti ve () ; 
g_card_types.activateC); return; 

} 

if (card_num. value ="") { 
^ p„card_num,activeO; g_card_num.acti vateQ; return; 

if C3xpiry_date. value == { 
^ p_expiry_data.activeO; g_expiry_date.activateO; return; 

p_con ten t . acti vate () ; 
p_conf i rm. acti vate C) ; 
confi rmat ion. acti vat eO ; 

} 

function confi rmed (gob j) { 

if (gob j . recogRes . text = "yes") 
get_card_i nf o. submi tQ ; 

// 

// user codes start here 

function handleO { 

if Cget_card_info.card_type = "amex") { 

if (get_card_info.card_num. length != 15) { 

prompt. speak ("amex should have 15 digits"); 
^ get_card_info.card_num = ""; 

} else 

if Cget_card_info-card_num. length != 16) { 

prompt. speak ('visa and master should have 16 digits"); 
get„card_info.card_num = ""; 

} 

]]> 
</script> 
</body> 
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<body> 



<form id="get_card„info" method="post" action="http://payment.asp" 
onactivate="welcome()"> 

<prompt id="p_welcoine">We now need your credit card</prompt> 

<prompt id="p_mumble">I didn't understand you</prompt> 

<prompt id="p_card_type" bargein="true">What credit card would you 

use?</prompt> 

<prompt id="p_card_num" bargem="true">Piease say the number</prompt> 
<prompt id="p_expiry_date" bargein="true">What is the expiration 
date?</prompt> 

<prompt id="p_content"> 
I have your <value select="card_type" /xvalue select="card_num" /> 
with expiration date <value seiect="expiry_date" /> 
</prompt> 

<prompt id="p„confirm">Is this correct?</prompt> 

^?eco id="g_get_card_info" onReco="_handle()" onNoReco ="mumble(this)"> 

<grammar src ="./gram/getPaymenf /> 

<bind target="card__type" value="/card/type" /> 
. <bind target="card_num" va!ue="/card/number" /> 

<bind target="expiry_date" value=Vcard/expr_date" /> 
</reco> 

<reco id="confirmation" onReco ="confirmed(this) onNoReco="mumble(this)" /> 

<grammar src ="./gram#yesno"/> 

</reco > 

<select name="card_type"> 

<option vatue="aniex">American Express</option> 
<option value="visa">Visa</option> 
<option value="ms">MasterCard</option> 

</select> 

<input type="text" name="card_num" width="30" /> 

<input type="text" name="expiry_date" /> 

<input type= "submit" vaiue-"Submit" /> — ^~ 

</form> 

<script><][CDATA[ 

function welcomeQ { 
p_wel come . acti ve () ; 
repeat = 0; 
checkFiHedO; 

function mumble (gob j) { 
gobj . deactivate O ; 
p_mumbl e . acti ve O ; 
checkFilledC); 

function „hand1eO { 
handleC) ; 
CheckFilledC); 





function checkFilledQ { 
if Ccard_type. value "") { 

p„card_type.activeO ; ; do_fi eld. activate O ; return; 

if (card_num. value ="") { 

p_card_num.activeC) ; do_field.activateO; return; 

if (expiry_date. value == "") { 

p_expi ry_data. active () ; do_field.activate() ; return 

p_content.activateC) ; 
p_conf i rm . acti vate Q ; 
confi rmati on. acti vate C) ; 

} 

function confirmed (gob j) { 
if (gob j.recogRes. text = "yes") 

get_card_info. submit (gensml ()) ; 

} 

// 

// user codes start here 
function handleO { 

if (field == get-.card_info.card„nuni) { 

if (get„card_info.card_nuni. length != 15) { 

prompt. speak ("amex should nave 15 digits"); 
get_card_info.card_num = ""; 

} else 

if (get_card_info,card_num. length != 16) { 

prompt. speak ("visa should nave 15 digits"); 
^ get_card_info.card_num = ""; 

^ function gensmlO { 

str = '<sml><credit_card type-"'; 
str += card_type , val ue ; str += '"><number>'; 
str += card_number. value; str += '</number><expi re>' 
str += expiry_date. value; str += 
- ' </expi r ex/c redi t_car dx/sml > ' ; 

return str; 

} 

]]> 
</scr!pt> 
</body> 
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SAMPLE ASP+ PAGE 



<%@ Page language^" Jscript" AutoEventWireup=" false" 

Inherits=="Credit . Transaction" %> 

<html><head> 

<! — ASPX page for both voice-only & multimodal credit card example — > 
<script> 

function handle { ) { 

if (field == get_card_info.card_num) { 

if (get_card__info.card_num. length i= 15) { 
prompt, speak ("amex should have 15 digits"); 
get_card_info. card_num = ""; 

} 

} else 

if ( get__card_info.c a rd__num. length != 16) { 
prompt. speak ("visa should have 15 digits"); 
get_card_info. card_n\im ^ ""; 

} 

} 

function gensmlO { 

str = '<sml><credit_card><card_type>' ; 

str card_type. value; str += '</card_type><number>' ; 

str +^ card_number. value; str '</number><expire>' ; 

str expiry_date. value; str += '</expire></credit_card></sral>' ; 

return str; 

} 

</script> 

<script runat=" server "> 
function Page_Load (obj, args) { 
if (PostBack) { 

validator = new System. Speech. SMLValidator (". /CreditSDL.xml") ; 
dsml = validator. Evaluate (args) ; 
Navigate (ChoosePage (dsml) ) ; 
} else { 

// initialize fields with args 

} 

} 

</script> 

</head> 

<body> 

<speech:form id="get_card_info" style="system_initiative" 
prompt=" . /prompt/getPayment" onsubmit="gensml ( ) "> 
<speech: choice name-"card_type" prompt="What credit card would you 
use?" 

grammar^" . /gram#card_types" onPhraseFinish=="handle ( ) " 
<option>American Express</option> 
<option>Visa</option> 
<option>Mastercard </option> 
</speech; choice> 

<speech; textbox name="card_number" prompt=" Please say the number" 

grammar-" . /gram#digits" onPhraseFinish="handle ( ) "> 
<speech: textbox name="expiry_date" prompt-"What is the expiration 
date? " 

grammar-" . /gram#dates" onPhraseFinish="handle ( ) "/> 

</speech: form> 

</body> 

</html> 
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